<template>
  <div class="wrap">
    <div class="titlts">
      <img src="../assets/list.png" alt srcset />
      <p>交易记录</p>
    </div>
    <el-table :data="tableData" stripe style="width: 100%" class="table">
      <el-table-column prop="date" label="日期" align="center"></el-table-column>
      <el-table-column prop="code" label="付款用户账户" align="center"></el-table-column>
      <el-table-column prop="role" label="付款用户角色" align="center"></el-table-column>
      <el-table-column prop="project" label="付款项目" align="center"></el-table-column>
      <el-table-column prop="price" label="付款金额" align="center"></el-table-column>
      <el-table-column prop="user" label="收款账户名" align="center"></el-table-column>
      <el-table-column prop="code" label="收款账户" align="center"></el-table-column>
      <el-table-column prop="content" label="收款方式" align="center"></el-table-column>
      <el-table-column prop="remake" label="备注" align="center"></el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  data() {
    return {
      tableData: [
        {
          user:"大白",
          code:"1031960596",
          role:"商家",
          date:'2013-09-90 14:25',
          project:"恒大世界城一期",
          price:2340,
          content:"支付宝、微信",
          remake:"今天忘了打尾款"
        },
        {
          user:"大白",
          code:"1031960596",
          role:"商家",
          date:'2013-09-90 14:25',
          project:"恒大世界城一期",
          price:2340,
          content:"支付宝、微信",
          remake:"今天忘了打尾款"
        },
       {
          user:"大白",
          code:"1031960596",
          role:"商家",
          date:'2013-09-90 14:25',
          project:"恒大世界城一期",
          price:2340,
          content:"支付宝、微信",
          remake:"今天忘了打尾款"
        },
        {
          user:"大白",
          code:"1031960596",
          role:"商家",
          date:'2013-09-90 14:25',
          project:"恒大世界城一期",
          price:2340,
          content:"支付宝、微信",
          remake:"今天忘了打尾款"
        },
        
      ]
    };
  }
};
</script>
<style lang="scss" scoped>
.wrap {
  margin-top: 30px;
}
.table{
    margin-top: 30px;
}

</style>